<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets" 
      xmlns:sec="http://www.springframework.org/security/tags"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head> 
        <title>Libros Disponibles</title>
         <style>
            body {
                width: 960px;
                margin: 40px auto;
                height:100%;
                font-size:14px;
                color:black;
                font-family:Arial, Helvetica, sans-serif;
                background-color: #708090;
            }
        </style>
    </h:head>
    <h:body>

        <p:growl showDetail="true" autoUpdate="true" id="delu" />        
                <h:form>
                    <p:dataTable id="tb" value="#{libroControlador.libros}" var="libro" emptyMessage="#{msg.vacio}" widgetVar="tabla" >
                        <p:column>    
                            <f:facet name="header">
                                <h:outputText value="#{msg.isbn}" />
                            </f:facet>
                            <h:outputText value="#{libro.isbn}" />
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{msg.tituloT}"/>
                            </f:facet>
                            <h:outputText value="#{libro.titulo}" />
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{msg.autor}"/>
                            </f:facet>
                            <h:outputText value="#{libro.autor}" />
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{msg.editorial}"/>
                            </f:facet>
                            <h:outputText value="#{libro.editorial}"/>
                        </p:column>
                            
                           <p:column>
                            <f:facet name="header">
                                <h:outputText value="Cantidad"/>
                            </f:facet>
                            <h:outputText value="#{libro.cantidad}"/>
                        </p:column>
                        
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Precio"/>
                            </f:facet>
                            <h:outputText value="#{libro.precio}"/>
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{msg.genero}"/>
                            </f:facet>
                            <h:outputText value="#{libro.genero}"/>
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{msg.numComentarios}"/>
                            </f:facet>
                            <!--<ui:repeat value="#{libro.comentarios}" var="comm">
                                #{comm.contenido},
                            </ui:repeat-->
                     <p:fieldset rendered="#{libro.comentarios == null}" >
                        <h:outputText value="no comentarios" />
                    </p:fieldset>
                            <h:outputText value="#{libro.numComentarios}"/>
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="#{msg.accion}"/>
                            </f:facet>
                            <center>
                                <p:commandButton value="#{msg.ver_libro}"  action="irverLibro" ajax="false" update="tb"  >
                                   <f:setPropertyActionListener value="#{libro}"  target="#{libroControlador.libroseleccionado}" />
                                </p:commandButton>
                                
                                <sec:authorize access="hasRole('ROLE_USER')">
                                    <p:commandButton value="alquilar libro"  action="pedirLibro" ajax="false" >
                                       <f:setPropertyActionListener value="#{libro}"  target="#{libroControlador.libroseleccionado}" />
                                    </p:commandButton>
                                </sec:authorize>
                                
                                <p:commandButton value="#{msg.addfav}"  action="addFavorito" ajax="false" update="delu">
                                    <f:setPropertyActionListener value="#{libro.isbn}"  target="#{libroControlador.isbnFav}" />
                                    <f:setPropertyActionListener value="#{libro.titulo}"  target="#{libroControlador.titulo}" />
                                </p:commandButton>
                            
                            </center>
                        </p:column>

                    </p:dataTable>
                </h:form>           
        <h:outputLink value="/index.html">#{msg.inicio}</h:outputLink>

    </h:body>
</html>

